<html>
<head>
	<meta charset="utf-8">
	<title>塔非统一认证中心</title>
    <link rel="shortcut icon" th:href="@{../images/favicon.ico}" type="image/x-icon">
	<link rel="stylesheet" type="text/css" th:href="@{../css/style.css}">
</head>
<body><!-- particles.js container -->
	<div id="particles-js" style="display: flex;align-items: center;justify-content: center">
		<canvas class="particles-js-canvas-el" width="1912" height="915" style="width: 100%; height: 100%;"></canvas>
	</div>
	<section class="w3l-hotair-form">
        <h1>塔非统一认证中心</h1>
        <div class="container">
            <!-- /form -->
            <div class="workinghny-form-grid">
                <div class="main-hotair">
                    <div class="content-wthree">
                        <h2>用户登录</h2>
                        <form name="loginForm" method="post" th:action="${loginActionUrl}">
                            <input type="text" class="text" name="username" placeholder="用户名" required="" autofocus/>
                            <br>
                            <input type="password" class="password" name="password" placeholder="密码" required="" autofocus/>
                            <br>
                            <button type="submit" class="btn">登 &nbsp;&nbsp; 录</button>
                            <p style="margin-top: 5px">演示账号: admin 密码: 1</p>
                        </form>
                        <p class="account">忘记密码? <a href="#signup">点击找回</a></p>
                        <p style="color: red; margin-top: 15px;" th:if="${param.error}">用户名或密码错误</p>
                    </div>
                    <div class="w3l_form align-self">
                        <div class="left_grid_info">
                            <img th:src="@{../images/1.png}" alt="" class="img-fluid">
                        </div>
                    </div>
                </div>
            </div>
            <!-- //form -->
        </div>
        <!-- copyright-->
        <div class="copyright text-center">
            <p class="copy-footer-29">© 2024-2025 上海肆同信息科技有限公司版权所有 | <a target="_blank" href="javascript:;" title="塔非统一认证中心">塔非统一认证中心</a></p>
        </div>
        <!-- //copyright-->
    </section>

	<script th:src="@{../js/login.js}"></script>
    <script th:src="@{../js/loginApp.js}"></script>
</body>
</html>